<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <div class="header">
        <div class="container">
            <div class="nav">
                <div class="nav-left">
                    <div class="nav1">
                        <img src="./images/boss-logo.jpg" alt="">

                    </div>
                    <div class="nav2">
                        <a href="" class="first">首页</a>
                        <a href="">求职</a>
                        <a href="">扫码登录</a>
                        <a href="">道具兑换</a>

                    </div>

                </div>
                <div class="nav-right">
                    <img src="./images/安卓.jpg" alt="">
                    <a href="">Andraid</a>
                    <span>|</span>
                    <img src="./images/苹果.jpg" alt="">
                    <a href="">iPhone</a>
                </div>

            </div>

        </div>
        <div class="background">
            <div class="hezuo">
                <div class="wenzi">
                    BOSS直聘新闻和数据实时跟踪
                </div>
                <button>媒体合作</button>
            </div>
        </div>

    </div>

    <div class="main">
        <div class="container">
            <div class="main1">
                <div class="mark1">
                    <div class="box">
                        <div class="up">
                            <span>数据报告</span>
                            <button>more</button>
                        </div>

                        <img src="./images/img-1.jpg" alt="">
                        <div class="down">
                            据说为了吸引年轻人，苹果正在开发一款类似Snapchat
                        </div>
                        <div class="foot">
                            查看详情
                        </div>
                    </div>
                </div>
                <div class="mark2">
                    <div class="box">
                        <div class="up">
                            <span>干货分享</span>
                            <button>more</button>
                        </div>

                        <img src="./images/img-2.jpg" alt="">
                        <div class="down">
                            专属技术顾问手把手教学，一天上线一个微信
                        </div>
                        <div class="foot">
                            查看详情
                        </div>
                    </div>

                </div>
                <div class="mark3">
                    <div class="box">
                        <div class="up">
                            <span>新闻报道</span>
                            <button>more</button>
                        </div>

                        <img src="./images/img-3.jpg" alt="">
                        <div class="down">
                            据说为了吸引年轻人，苹果正在开发一款类似Snapchat的视频
                        </div>
                        <div class="foot">
                            查看详情
                        </div>
                    </div>

                </div>

            </div>
            <div class="main2">
                <div class="mark1">
                    <div class="box">
                        <img src="./images/img-2.jpg" alt="">
                        <div class="boxa">
                            <div class="up">除了身临其境的体验，VR购物还有哪些玩法</div>
                            <br>
                            <div class="middle">
                                你没有强大的物流系统，进销存系统没有的话，价格上面你根本没优势.屈臣氏现在大部分是国货，进口商品也是代理的，占整个品类的15%左右发个品类的15%左右发个品类的15%左右发展直销，也意味套完善的机制，比如CRM，sop等可复制的吗？...
                                <br>
                                查看全文
                            </div>
                            <br>
                            <div class="down">
                                尝濛
                            </div><span>&emsp;·&emsp;2小时前</span><span>&emsp;&emsp;&emsp;&emsp;交通出行&emsp;大公司</span>
                        </div>

                    </div>
                </div>
                <div class="mark2">
                    <div class="box">
                        <img src="./images/img-1.jpg" alt="">
                        <div class="boxa">
                            <div class="up">苹果正在开发一款类似Snapchat的视频社交软件</div>
                            <br>
                            <div class="middle">
                                你没有强大的物流系统，进销存系统没有的话，价格上面你根本没优势.屈臣氏现在大部分是国货，进口商品也是代理的，占整个品类的15%左右发个品类的15%左右发个品类的15%左右发展直销，也意味套完善的机制，比如CRM，sop等可复制的吗？...
                                <br>
                                查看全文
                            </div>
                            <br>
                            <div class="down">
                                尝濛
                            </div>
                            <span>&emsp;·&emsp;2小时前</span><span>&emsp;&emsp;&emsp;&emsp;交通出行&emsp;大公司&emsp;要问</span>
                        </div>

                    </div>

                </div>
                <div class="mark3">
                    <div class="box">
                        <img src="./images/img-3.jpg" alt="">
                        <div class="boxa">
                            <div class="up">除了身临其境的体验，VR购物还有哪些玩法</div>
                            <br>
                            <div class="middle">
                                你没有强大的物流系统，进销存系统没有的话，价格上面你根本没优势.屈臣氏现在大部分是国货，进口商品也是代理的，占整个品类的15%左右发个品类的15%左右发个品类的15%左右发展直销，也意味套完善的机制，比如CRM，sop等可复制的吗？...
                                <br>
                                查看全文
                            </div>
                            <br>
                            <div class="down">
                                尝濛
                            </div><span>&emsp;·&emsp;2小时前</span><span>&emsp;&emsp;&emsp;&emsp;交通出行&emsp;大公司</span>
                        </div>

                    </div>
                </div>
            </div>

            <div class="main3">
                <div class="header">
                    新闻动态
                </div>
                <div class="content">
                    <div class="mark1">
                        <img src="./images/img-4.jpg" alt="">
                        <div class="boxb">
                            <div class="up">
                                推动电子商务的第一选择，助力三网融合的首选伙伴！
                            </div>
                            <div class="middle">
                                今天的O2O，实际是互联网经济和传济水乳交经济和传济水乳交经济和传济水乳交融，矛盾纠结又沟业经营的角度，我讲讲这些年来这些年来这些年来网经济和传济水乳交融来...</div>
                        </div>

                    </div>
                    <div class="mark2">
                        <img src="./images/img-5.jpg" alt="">
                        <div class="boxb">
                            <div class="up">
                                推动电子商务的第一选择，助力三网融合的首选伙伴！
                            </div>
                            <div class="middle">
                                今天的O2O，实际是互联网经济和传济水乳交经济和传济水乳交经济和传济水乳交融，矛盾纠结又沟业经营的角度，我讲讲这些年来这些年来这些年来网经济和传济水乳交融来...</div>
                        </div>
                    </div>
                    <div class="mark3">
                        <img src="./images/img-6.jpg" alt="">
                        <div class="boxb">
                            <div class="up">
                                推动电子商务的第一选择，助力三网融合的首选伙伴！
                            </div>
                            <div class="middle">
                                今天的O2O，实际是互联网经济和传济水乳交经济和传济水乳交经济和传济水乳交融，矛盾纠结又沟业经营的角度，我讲讲这些年来这些年来这些年来网经济和传济水乳交融来...</div>
                        </div>

                    </div>
                    <span class="img"> <img src="./images/img-7.jpg" alt=""></span>

                </div>




            </div>
        </div>

    </div>
    <div class="footer">
        <div class="container">
            <div class="fbox1">
                <a>首页</a>
                <a>Boss网页版</a>
                <a>文章</a>
                <a>关于我们</a>
            </div>
            <div class="fbox2">
                Copyright 2016 kanzhun.com京ICP备14013441号-1 京公网安备11010502027210<br>
                kanzhun.com.保留所有版权. 使用这些服务遵守用户协议
            </div>
        </div>
    </div>


</body>

</html>